<template>
    <div>
        <el-container>
            <el-aside width="240px">
                
                <el-menu router :default-active="this.$route.path" class="el-menu-vertical-demo" >
                    <el-submenu index="1">
                        <template slot="title">
                            <i class="el-icon-cloudy"></i>
                            <span>信息管理</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="/my/myInfo">我的信息</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>



                    
                    <el-submenu index="2">
                        <template slot="title">
                            <i class="el-icon-shopping-cart-full"></i>
                            <span>订单管理</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="/my/myOrder">我的订单</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>

                    <el-submenu index="3">
                        <template slot="title">
                            <i class="el-icon-notebook-1"></i>
                            <span>课程管理</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="/my/myCourse">已买课程</el-menu-item>
                            <el-menu-item index="/my/myCollect">我的收藏</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-container>
                <el-header>头部</el-header>
                <el-main>
                    <router-view>111</router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
</script>


<style scoped>
.el-header {
    background-color: #b3c0d1;
    color: #333;
    line-height: 60px;
    height: 100%;
}

.el-aside {
    background-color: #d3dce6;
    color: #333;
    height: 100vh;
}

.el-main {
    background-color: #e9eef3;
    color: #333;
}
</style>
  